<!DOCTYPE html>
<html lang="en">
  <head th:replace="~{components/common-head::head}"></head>
<body>

<div id="app">
  <el-container class="tags">

  <el-header th:replace="~{components/common-header::header}"></el-header>

  <el-main>

  <el-row >

      <el-col class=" md-margin" :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
      <el-card  th:with="tags = ${tagFinder.listAll()}" >
      <template #header>
      <el-page-header @back="back('index')" title="首页">
      <template #content> 标签</template>
      </el-page-header>

      </template>

      <div class="tags-box">
      <a th:each="tag : ${tags}" th:href="@{${tag.status.permalink}}">

        <el-badge type="info" th:attr="value=${tag.postCount}" class="item">
          <el-card  shadow="hover"  >  
            <section class="tag-card">
            <span class="label">#</span> 
            <section class="tagName" th:text="${tag.spec.displayName}" ></section>
            
            </section>
          </el-card>
        </el-badge>
    
      </a>
      </div>

    </el-card>

  </el-col>

  </el-row>

  </el-main>
  </el-container>
</div>


  </body>
</html>

